<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单 -->
    <form action="">
        <label for="">姓名</label>
        <input type="text" name="name" id="" placeholder="请输入姓名">
    </form>
    <form action="">
        <label for="">密码</label>
        <input type="password" name="password" id="" placeholder="请输入密码">
    </form>
    <!-- 单选框 -->
    <form action="">
        <label for="">性别</label>
        <!-- name相同，不可同时选中 -->
        <input type="radio" name="gender" id="">男
        <input type="radio" name="gender" id="">女
    </form>
    <!-- 多选框 -->
    <form action="">
        <label for="">爱好</label>
        <input type="checkbox" name="hobby" id="读">读
        <input type="checkbox" name="hobby" id="写">写
        <input type="checkbox" name="hobby" id="画">花
    </form>
    <!-- 默认勾选复选框 -->
    <form action="">
        <label for="">爱好</label>
        <input type="checkbox" name="hobby" id="读" checked>读
        <input type="checkbox" name="hobby" id="写" checked>写
        <input type="checkbox" name="hobby" id="画" checked>花
    </form>
    <!-- 上传文件 -->
    <form action="">
        <label for="">上传文件</label>
        <input type="file" name="file" id="">
    </form>
    <!-- 下拉列表 -->
    <form action="">
        <label for="">请选择您的城市</label>
        <select name="" id="">
            <option value="">北京</option>
            <option value="">上海</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select>
    </form>
    <!-- 文本域 -->
    <form action="">
        <label for="">请输入您的留言</label>
        <textarea name="" id="" cols="30" rows="10" placeholder="请输入您的留言"></textarea>
    </form>
</body>
</html>